<template>
  <basic-container>
    <customer-bill-list
      v-show="billType === 'list'"
      @openCustomerBillDetail="openCustomerBillDetail"
    ></customer-bill-list>
    <customer-bill-detail
      v-if="billType === 'view'"
      @back="back"
    ></customer-bill-detail>
  </basic-container>
</template>
<script>
import customerBillList from "@/views/financial/customer-bill-list.vue";
import customerBillDetail from "@/views/financial/customer-bill-detail.vue";
export default {
  data() {
    return {
      billType: "list",
    };
  },
  components: {
    customerBillList,
    customerBillDetail,
  },
  methods: {
    openCustomerBillDetail(row) {
      this.billType = "view";
    },
    back() {
      this.billType = "list";
    },
  },
};
</script>
